<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>#springMessage('page.title')</title>

    <link href="../css/bootstrap.css" rel="stylesheet">
    <link href="../css/health.css" rel="stylesheet">
</head>
<body>
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner-light">
        <div class="container-fluid">
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="brand" href="#">#springMessage('page.title')</a>

            <div class="nav-collapse collapse">
                <p class="navbar-text pull-right">
                    #springMessage('text.language'): <a href="?language=en"><img src="../images/english.png" alt="EN"
                                                                                 width="32"/></a> <a
                        href="?language=de"><img src="../images/german.png" alt="DE" width="32"/></a> | <a
                        href="../dashboard/login">Dashboard</a>
                </p>
            </div>
        </div>
    </div>
</div>

<div class="well form-inline pull-right">
    <label for="dateSelector">#springMessage('filter.date')</label>
<span class="input-append date datepicker">
    <input name="dateFilter" type="text" id="dateSelector" data-format="dd.MM.yyyy"><span class="add-on"><i
        data-date-icon="icon-calendar"></i></span>
</span>
    <label for="typeFilter">#springMessage('filter.type')</label>
    <select id="typeFilter">
    </select>
    <label for="hospitalFilter">#springMessage('filter.hospital')</label>
    <select id="hospitalFilter">
    </select>
</div>
<br/><br/><br/><br/><br/>

<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered table-hover"
       id="dataGrid">
    <thead>
    <tr>
        <th width="120px">#springMessage('table.header.date')</th>
        <th width="80px">#springMessage('table.header.from')</th>
        <th width="80px">#springMessage('table.header.to')</th>
        <th>#springMessage('table.header.type')</th>
        <th>#springMessage('table.header.hospital')</th>
        <th>#springMessage('table.header.doctor')</th>
        <th width="60px">#springMessage('table.header.state')</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td colspan="7" class="dataTables_empty">#springMessage('text.loading')</td>
    </tr>
    </tbody>
</table>

<footer>
    <p>&copy; Bernhard Nickel, Gregor Schauer, Dominik Strasser - 2013</p>
</footer>

<script type="text/javascript">
    var reservedText = '#springMessage("slot.reserved")';
    var freeText = '#springMessage("slot.free")';
    var dateFilterValue = "$!filters.date.time";
    var typeFilterValue = "$!filters.surgeryType";
    var hospitalFilterValue = "$!filters.hospital";
</script>

<script src="../js/bs.min.js" type="text/javascript"></script>
<script src="../js/jquery-1.8.2.js" type="text/javascript"></script>
<script src="../js/bootstrap.defaults.js" type="text/javascript"></script>
<script src="../js/bootstrap-datetimepicker.js" type="text/javascript"></script>
<script src="../js/jquery.dataTables.min.js" type="text/javascript"></script>
<script src="../js/portal.js" type="text/javascript"></script>

</body>
</html>
